<!DOCTYPE html>
<html>
	<head>
	  	<meta charset="UTF-8">
		<script src="../../public/js/tmpl.js"></script>
		<script>
			var content = template('Phead_resource', {
				title: '奇岛健身'
			});
			document.write(content);
		</script>
	</head>
	<body class="investigation">
	
		
		<section class="cont_info">
			<h1 class="head">团队满意度调查</h1>
			
			
			<h2 class="title">综合星评</h2>
			<div class="star_bar ">
				<i class="am-icon-star am-fw on"></i>
				<i class="am-icon-star am-fw"></i>
				<i class="am-icon-star am-fw"></i>
				<i class="am-icon-star am-fw"></i>
				<i class="am-icon-star am-fw"></i>
				<span>选择几星评价</span>
			</div>
			
			
			<h2 class="title">综合具体评价</h2>
			<div class="comprehensive">
				<ul>
					<li><label><input type="radio" name="comp"  value=""/>教练不够专业</label></li>
					<li><label><input type="radio" name="comp"  value=""/>场地人员拥挤</label></li>
					<li><label><input type="radio" name="comp"  value=""/>卫生空间比较差</label></li>
					<li><label><input type="radio" name="comp"  value=""/>其他请补充</label></li>
				</ul>
				<textarea class="textarea" name="" rows="" cols=""></textarea>
			</div>
			
			
			<h2 class="title">教练具体评价</h2>
			<div class="coach">
				<ul>
					<li><label><input type="radio" name="coach"  value=""/>教练不够专业</label></li>
					<li><label><input type="radio" name="coach"  value=""/>场地人员拥挤</label></li>
					<li><label><input type="radio" name="coach"  value=""/>卫生空间比较差</label></li>
					<li><label><input type="radio" name="coach"  value=""/>其他请补充</label></li>
				</ul>
				<textarea class="textarea" name="" rows="" cols=""></textarea>
			</div>
			
			<h2 class="title">建议与反馈</h2>
			<textarea class="textarea" name="" rows="" cols="" placeholder="请输入您的建议"></textarea>
		</section>
		
		<!--底部按钮-->
		<footer class="footer_nav">
			<a href="./refund_info.html" class="am-text-center padding10 active_bg color-white am-block bottom_btn">
				<span class="am-text-sm">匿名提交</span>
			</a>
		</footer>
		
		<script>
			var content = template('progress_status', {});
			document.write(content);
		</script>
		
		<script>
			var content = template('Pfoot_resource', {});
			document.write(content);
		</script>
		<script type="text/javascript">
		
			(function($, arttmpl){
				
				var init = function(){
					
					starRun('.star_bar');
					radioTextareaShow('.comprehensive');
					radioTextareaShow('.coach');
					
					var $modal = $('#my-modal-loading');
					$modal.hide();
				}
				
				init();
			
				function starRun(str){
					
					var $stars = $(str).find('.am-icon-star');
					
					$stars.click(function(){
						var self = $(this);
						var i = $stars.index(self);
						var selfIsOn = self.hasClass('on');
						var strsLen = $stars.length;
						
						for(var cur=0; cur<=strsLen; cur++){
							if(!selfIsOn&&cur<=i){
								$stars.eq(cur).addClass('on');
							}else if(selfIsOn&&cur>=i){
								$stars.eq(cur).removeClass('on')
							}
						}
						
						
					});
				}
				
				function radioTextareaShow(str){
					var $box = $(str).find('ul');
					var $nextT = $(str).find('.textarea');
					var $ops = $box.find('input');
					var i = $ops.length-1;
					var cur = '';
					var selfIsChecked=false;
					
					$ops.change(function(){
						
						
						cur=$ops.index($(this));
						
						if(cur==i){
							$nextT.show()
						}else{
							$nextT.hide()
						}
							
						
					})
				}
			
			})(jQuery, template);
		
			$(function(){
				$('.bottom_btn').click(function(){
//					window.location='../common/register.html'
				})
			})
		</script>
	</body>
</html>
